<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>好友</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui, shrink-to-fit=no">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/chat.css">
<script type="text/javascript" src="js/zepto_1.1.3.js"></script>
<script type="text/javascript" src="js/common.js"></script>

</head>
<body>
<div class="wrap wrap_footer">
	<header class="g_header">
		<h1 class="tit">好友</h1>
		<div class="side_opt">
			<span class="icon icon_goBack">返回</span>
		</div>
		<div class="side_opt_sub">
			<span class="add_friend"><i class="icon icon_add"></i></span>
		</div>
	</header>
	<section class="g_main">
		<!-- 搜索框 -->
		<div class="search_box">
			<input type="search" placeholder="搜索"><i class="icon icon_search"></i>
		</div>
		<!-- 好友列表 -->
		<section class="friend_list">
			<dl>
				<dt>A</dt>
				<dd data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>啊明显</strong>
				</dd>
				<dd data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>阿庆</strong>
					<span>上海清云物流有限公司</span>
				</dd>
				<dt>C</dt>
				<dd data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>曹新文</strong>
					<span>浙江台州新泰武刘代理</span>
				</dd>
				<dd data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>曹新文</strong>
					<span>浙江台州新泰武刘代理</span>
				</dd>
				<dd data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>车岗</strong>
					<span>安徽新城运物流有限公司</span>
				</dd>
				<dt>L</dt>
				<dd data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>李文昌</strong>
				</dd>
				<dd data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>罗欣</strong>
					<span>安徽新城运物流有限公司</span>
				</dd>
				<dd data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>罗欣</strong>
					<span>安徽新城运物流有限公司</span>
				</dd>
			</dl>
			<!-- 字母列表 -->
			<div class="letter_list">
				<a href="#a">A</a>
				<a href="#b">B</a>
				<a href="#c">C</a>
				<a href="#d">D</a>
				<a href="#e">E</a>
				<a href="#f">F</a>
				<a href="#g">G</a>
				<a href="#h">H</a>
				<a href="#i">I</a>
				<a href="#j">J</a>
				<a href="#k">K</a>
				<a href="#l">L</a>
				<a href="#m">M</a>
				<a href="#n">N</a>
				<a href="#o">O</a>
				<a href="#p">P</a>
				<a href="#q">Q</a>
				<a href="#r">R</a>
				<a href="#s">S</a>
				<a href="#t">T</a>
				<a href="#u">U</a>
				<a href="#v">V</a>
				<a href="#w">W</a>
				<a href="#x">X</a>
				<a href="#y">Y</a>
				<a href="#z">Z</a>
			</div>
		</section>
	</section>
	<footer class="g_footer">
		<section class="foot_menu">
			<ul>
				<li class="m_message"><a data-url="xiaoxi.html" class="openwebview"><i class="icon"></i>消息</a></li>
				<li class="m_friend current"><a data-url="haoyou.html" class="openwebview"><i class="icon"></i>好友</a></li>
			</ul>
		</section>
	</footer>
</div>
</body>
</html>
